<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>后台管理系统</title>
	    <meta name="author" content="BaiYY"/>
	    <meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	    <meta name="renderer" content="webkit">
	    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/bootstrap.min.css"/>
	    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/Font/css/font-awesome.min.css"/>
	    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/index.css"/>
	    <link rel="stylesheet" type="text/css" href="__PUBLIC__/admin/css/pages.css"/>
	    <script type="text/javascript" src="__PUBLIC__/admin/js/jquery.js"></script>
	    <script type="text/javascript" src="__PUBLIC__/admin/js/bootstrap.min.js"></script>
	    <script type="text/javascript" src="__PUBLIC__/admin/js/index.js"></script>
	    <script type="text/javascript" src="__PUBLIC__/admin/js/time.js"></script>
	    <script type="text/javascript" src="__PUBLIC__/admin/js/pages.js"></script>
	</head>
	<body>
		
        <!--右边侧栏开始-->
        <div class="right-sidebar" style="max-width: 1200px;">
			<ul class="nav nav-tabs" style="margin-bottom: 16px" role="tablist">
				<li role="presentation" class="active"><a href="goodsList.html">商品列表</a></li>
				<li role="presentation"><a href="goodsAdd.html">添加商品</a></li>
				<li role="presentation"><a href="goodsSearch.html">商品搜索</a></li>
			</ul>

			<div class="admin_tab_cont" style="display:block;" id="tab1">
				<section class="table-responsive">
					<table class="table table-bordered">
						<thead>
							<tr>
								<th>ID</th>
								<th>商品名称</th>
								<th>销售价格</th>
								<th>{:L(GAME_RESOURCE)}数量</th>
								<th>是否上线</th>
								<th>显示条件</th>
								<th>添加时间</th>
								<th>修改时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody id="dataList"></tbody>
					</table>
				</section>
				<div style="width: 100%;">
					<ul class="page" id="page" style="width: 100%;overflow: hidden;"></ul>
				</div>
			</div>
			<div id="bg-models">
				<div id="bg-contents">
					<i class="glyphicon glyphicon-remove" id="btn-closed"></i>
					<div class="title_dialog">系统提示！</div>
					<div class="discription_dialog">确定要删除此商品吗？</div>
					<div class="footer_dialog">
						<button class="btn btn-primary" id="btn-ok">确定</button>
						<button class="btn btn-primary" id="btn-off">取消</button>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(function () {
				$.ajax({
                    type:"get",
                    dataType:"json",
                    url:"{:U('Admin/Main/goodsListPage')}",
					success: function (datas) {
						console.log(datas);
                        if(datas == 'error') {
                            $("#dataList").html("暂时没查询到任何数据！");
                        }else{
                            options={
                                "id":"page",//显示页码的元素
                                "data":datas,//显示数据
                                "maxshowpageitem":2,//最多显示的页码个数
                                "pagelistcount":10,//每页显示数据个数
                                "callBack":function(data){
                                    var str = '';
                                    var time = '';
                                    var txt = '';
                                    var mtime = '';
                                    var level = '';
                                    for(var i=0;i<data.length;i++) {
                                        if(data[i].status == '0') {
                                            txt = "否";
                                        }else if(data[i].status == '1') {
                                            txt = "是";
                                        }
                                        time = getLocalTime(data[i].add_time);
                                        if(data[i].modify_time == '0') {
                                            mtime = '未曾修改';
                                        }else {
                                            mtime = getLocalTime(data[i].modify_time);
                                        }
                                        switch (data[i].goods_level) {
                                            case "1":
                                                level = "一级可见";
                                                break;
                                            case "2":
                                                level = "二级可见";
                                                break;
                                            case "3":
                                                level = "三级可见";
                                                break;
                                            default:
                                                level = "都可见";
                                        }
                                        str +="<tr><td class='goods_id'>"+data[i].goods_id+"</td><td>"+data[i].goods_name+"</td><td>"+data[i].price+"</td><td>"+data[i].number+"</td><td>"+txt+"</td><td>"+level+"</td><td>"+time+"</td><td>"+mtime+"</td><td><a class='btn btn-primary btn-sm' onclick='handleClick(this)'>修改</a>&emsp;<button class='btn btn-primary btn-sm' onclick='onClick(this)'>删除</button>"+"</td></tr>";
                                    }
                                    $("#dataList").html(str);
                                }
                            }
                            page.init(datas.length,1,options);
                        }
                    }
				})
            });
			function onClick(This){
				var goods_id = $(This).closest("tr").find("td.goods_id").text();
                $("#bg-models").fadeIn();
                $("#btn-ok").on("click",function () {
					$("#bg-models").hide();
                    $.ajax({
                        type:"get",
                        url:"{:U('Admin/Main/goodsDelete')}?goods_id=" + goods_id,
                        success:function(data) {
                            if(data == 'success') {
                                window.location.href="{:U('Admin/Main/goodsList')}";
                            }else if(data == 'failure') {
                                window.location.href="{:U('Admin/Main/goodsList')}";
                            }
                        }
                    });
                });
                $("#btn-closed").on("click",function () {
                    $("#bg-models").hide();
                });
                $("#btn-off").on("click",function () {
                    $("#bg-models").hide();
                });
			}	
			
			function handleClick(This){
				var goods_id = $(This).closest("tr").find("td.goods_id").text();
				$(This).attr("href","{:U('Admin/Main/goodsModify')}?goods_id="+goods_id);
			}
		</script>
	</body>
</html>
